<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>简历 | 赖嘉威</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/button.css">
  <link rel="stylesheet" href="./css/liuguan.css">
  <link rel="stylesheet" href="index.css">
  <link href="./css/print.css">
  <!-- 引入了应用程序清单文件 -->
  <link rel="./manifest" href="manifest.json">
  </style>

</head>

<body>
  <div class="content">
    <!-- <div class="my-backgroud">
      <div class="backgroud-word qian">前</div>
      <div class="backgroud-word duan">端</div>
    </div> -->
    <header class="content-hd">
      <section class="title clearfix">
        <div class="name">
          <h1>
            赖嘉威
          </h1>
        </div>
        <div class="job">
          <h2>Web前端开发工程师</h2>
          <div class="avartor">
            <a class="item-more" href="./img/resume/card-img.jpg" target="_blank" title="证件照">
              <img src="./img/resume/card-img.jpg" alt="">
            </a>
          </div>
        </div>
      </section>

      <div class="clearfix">
        <section class="info">
          <h2>男 / 1999.08 江西</h2>
          <h3>2年开发经验</h3>
        </section>

        <section class="contact">
          <ul>
            <li>
              <a href="https://blog.csdn.net/imsopoor?type=blog" target="_blank">
                <span>CSDN链接</span>
                <i class="iconfont "></i>
              </a>
            </li>
            <li>
              <a href="https://gitee.com/Grandstand" target="_blank">
                <span>Gitee链接</span>
                <i class="iconfont icon-gitee-fill-round"></i>
              </a>
            </li>
            <li>
              <a href="tel:19914558480">
                <span>19914558480</span>
                <i class="iconfont icon-phone_circle_fill"></i>
              </a>
            </li>
            <li>
              <a href="mailto:19914558480@163.com">
                <span>19914558480@163.com</span>
                <i class="iconfont icon-mail4"></i>
              </a>
            </li>
          </ul>
        </section>
      </div>
    </header>

    <div class="content-bd">
      <div class="content-left">
        <section id="skill">
          <header class="section-header">
            <span class="section-title-l"></span>
            <h2 class="section-title"> 专业技能 </h2>
            <span class="section-title-r"></span>
          </header>
          <div class="item">
            <!-- <header class="item-hd clearfix">
              <h3 class="item-name">技术栈</h4>
            </header> -->
            <div class="section-body">
              <div class="item">
                <header class="item-hd clearfix">
                  <h3 class="item-name"></h3>
                </header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    熟练使用<strong>vue2全家桶</strong>。有过<strong>vue+vite</strong>开发经验，具备抽象组件封装的思想，懂得动态路由权限管理。
                  </p>
                </div>
              </div>

              <div class="item">
                <header class="item-hd clearfix"></header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    熟悉<strong>vue3.2</strong>语法，掌握provide/inject、defineEmit等新增api的使用，可通过hooks封装简单的代码逻辑。
                  </p>
                </div>
              </div>

              <div class="item">
                <header class="item-hd clearfix"></header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    具有扎实的<strong>JavaScript</strong>基础，熟悉模块化开发、es6+操作数组方法、promise和async、await异步编程。
                  </p>
                </div>
              </div>

              <div class="item">
                <header class="item-hd clearfix">
                  <h3 class="item-name"></h3>
                </header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    熟练使用<strong>uniapp</strong>开发多端应用，掌握eventChannel、nvue的使用，习惯遵守easycom规范精简组件引入。
                  </p>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                  <h3 class="item-name"></h3>
                </header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    了解<strong>typescript</strong>，有具体业务开发前做字段类型别名和类型注解的习惯，懂得断言、联合类型、泛型的使用。
                  </p>
                </div>
              </div>

              <div class="item">
                <header class="item-hd clearfix">
                  <h3 class="item-name"></h3>
                </header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    熟悉<strong>HTML5、CSS3</strong>，能够灵活运用ﬂex布局快速搭建页面结构, 了解tailwind风格写法、bem样式命名规范、less/scss预编辑器。
                  </p>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                  <h3 class="item-name"></h3>
                </header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    了解<strong>Echarts</strong>相关配置项，有大屏可视化项目开发经验。
                  </p>
                </div>
              </div>

              <div class="item">
                <header class="item-hd clearfix">
                  <h3 class="item-name"></h3>
                </header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    了解<strong>webpack、vite</strong>打包工作的使用。熟悉<strong>git、svn</strong>代码管理器。
                  </p>
                </div>
              </div>

              <!--              <div class="item">-->
              <!--                <header class="item-hd clearfix">-->
              <!--                  <h3 class="item-name"></h3>-->
              <!--                </header>-->
              <!--                <div class="item-bd">-->
              <!--                  <p class="section-content">-->
              <!--                    <i class="iconfont icon-dot"></i>-->
              <!--                    拥有扎实的<strong>Java</strong>、<strong>C++</strong>、<strong>MySQL</strong>编程基础-->
              <!--                  </p>-->
              <!--                </div>-->
              <!--              </div>-->



            </div>
          </div>
        </section>




        <section id="experience">
          <header class="section-header">
            <span class="section-title-l"></span>
            <h2 class="section-title"> 工作经历 </h2>
            <span class="section-title-r"></span>
          </header>

          <div class="section-body">

            <div class="item">
              <header class="item-hd clearfix">
                <h3 class="item-name">江西马力供应链</h3>
                <span class="item-time">2021.12~2023.8</span>
              </header>
              <main class="item-bd">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  开发业务模块，参与设计讨论，进行需求评审，负责项目中后台管理系统、小程序、APP以及公司官网的搭建。
                </p>
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  参与团队开发，使用Git进行团队协作开发，后期与后端人员配合，商讨接口返回数据细节。
                </p>
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  配合后台优化已有的功能，以及页面的优化，提升用户体验。
                </p>
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  常用组件与模块的封装，减少代码重复提高代码的可复用性。
                </p>
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  参加公司多达8个项目的版本迭代更新，独立负责过5个项目。
                </p>
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  带教实习生半年（2022/11-2023/04），后面并成功转正。
                </p>
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  参与热更新需求机制开发，节省了APP更新重新上架应用市场审核的时间，同时也极大降低了bug回归验收的时间。
                </p>
              </main>
            </div>
          </div>
        </section>

        <!-- 获奖情况 -->
        <section id="prise">
          <header class="section-header">
            <span class="section-title-l"></span>
            <h2 class="section-title"> 在校经历 </h2>
            <span class="section-title-r"></span>
          </header>

          <head class="section-body">
            <div class="item">
              <header class="item-hd clearfix">
                <h3 class="item-name">九江职业技术学院</h3>
                <span class="item-time">2019年-2021年</span>
              </header>
              <main class="item-bd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  取得1+x前端高级证书（2021 12月）
                  <a class="item-more"
                    href="http://photogz.photo.store.qq.com/psc?/1a5799a8-1110-4839-a6b4-c52e512c70fc/bqQfVz5yrrGYSXMvKr.cqWaiuNHyRuTcjqTJ.tEVNAUEJPxFU1UPiC9wYBgmgQKRpfoFQpDuYo0XfBXciWHLGSjF9JBwzvmuIYYYsK8Tctk!/b&bo=QAbXCEAG1wgRECc!&rf=viewer_311"
                    target="_blank" title="获奖证书">
                    <i class="iconfont icon-link"></i>
                  </a>
                </p>
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  荣获三等奖奖学金（2020-2021）
                </p>
              </main>
            </div>
          </head>
        </section>

      </div>

      <div class="content-right">

        <!-- 其他项目 -->
        <section id="works">
          <header class="section-header">
            <span class="section-title-l"></span>
            <h2 class="section-title"> 项目经历 </h2>
            <span class="section-title-r"></span>
          </header>
          <main class="section-body">
            <div class="works-item">
              <header class="item-hd clearfix">
                <h3 class="item-name">WMS微澜云仓管理系统</h3>
                <span class="item-time">2023.1-2023.8</span>
              </header>
              <div class="item item-qr clearfix">
                <div class="item-qr-code">
                  <a class="qr-link" target="_blank" href="http://siliwu.sakihomura.top/">预览链接</a>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                </header>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <b>技术栈</b> : <br />
                    <i class="iconfont icon-dot"></i>Vue2.0全家桶
                    <i class="iconfont icon-dot"></i>echarts
                    <i class="iconfont icon-dot"></i>axios
                    <i class="iconfont icon-dot"></i>webpack
                  </p>
                </div>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <b>技术要点</b> ：<br />
                    <i class="iconfont icon-dot"></i>
                    负责主流程业务模块开发、版本迭代，带新人熟悉系统业务，互相codereview，增强代码规范
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    改造现有表格公共组件，实现了表头可拖拽功能，表头顺序持久化。
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    封装了视频监控组件，通过flv对象拉流逐帧展示实时画面。
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    实现打印作业单功能（A4、二等分标签页）
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    实现仓库运营数据的可视化，手写使用说明可交互流程步骤图。
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    自动注册全文件路由，实现动态路由，根据不同用户权限展示不同菜单。
                  </p>
                </div>
              </div>
            </div>

            <div class="works-item">
              <header class="item-hd clearfix">
                <h3 class="item-name">微澜上下架APP</h3>
                <span class="item-time">2023.5-2023.6</span>
              </header>
              <div class="item item-qr clearfix">
                <div class="item-qr-code">
                  <a class="qr-link" target="_blank" href="http://siliwu.sakihomura.top/">预览链接</a>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                </header>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <b>技术栈</b> : <br />
                    <i class="iconfont icon-dot"></i>uniapp
                    <i class="iconfont icon-dot"></i>5+API
                    <i class="iconfont icon-dot"></i>fly.js
                  </p>
                </div>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <b>技术要点</b> ：<br />
                    <i class="iconfont icon-dot"></i>
                    负责项目结构的初始化搭建，研究新功能的实现
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    使用5+api实现PDA设备扫码识别条形码功能
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    接入app热更新功能，简化版本更新流程
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    自定义表格数据，PDA结合表格扫码自动录入到各个单元格
                  </p>
                </div>
              </div>
            </div>

            <div class="works-item">
              <header class="item-hd clearfix">
                <h3 class="item-name">微澜报表小程序</h3>
                <span class="item-time">2023.2-2023.3</span>
              </header>
              <div class="item item-qr clearfix">
                <div class="item-qr-code">
                  <a class="qr-link" target="_blank" href="http://siliwu.sakihomura.top/">预览链接</a>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                </header>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <b>技术栈</b> : <br />
                    <i class="iconfont icon-dot"></i>uniapp
                    <i class="iconfont icon-dot"></i>echarts
                    <i class="iconfont icon-dot"></i>z-paging
                  </p>
                </div>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <b>技术要点</b> ：<br />
                    <i class="iconfont icon-dot"></i>
                    独立负责微信小程序的项目的创建和前置准备，以及后续审核、上线。
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    二次封装echarts，在线定制了echarts选项，降低了项目大小
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    通过本地存储和refreshtoken实现持久化登录
                  </p>
                </div>
              </div>
            </div>

            <div class="works-item">
              <header class="item-hd clearfix">
                <h3 class="item-name">牧集终端APP</h3>
                <span class="item-time">2022.3-2023.3</span>
              </header>
              <div class="item item-qr clearfix">
                <div class="item-qr-code">
                  <a class="qr-link" target="_blank" href="http://siliwu.sakihomura.top/">预览链接</a>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                </header>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <b>技术栈</b> : <br />
                    <i class="iconfont icon-dot"></i>uniapp
                    <i class="iconfont icon-dot"></i>echarts
                    <i class="iconfont icon-dot"></i>z-paging
                    <i class="iconfont icon-dot"></i>uni-push
                  </p>
                </div>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <b>技术要点</b> ：<br />
                    <i class="iconfont icon-dot"></i>
                    参与负责社交模块业务开发，对组织认证模块的逻辑重写，并参与后续整个APP的UI 重写工作。
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    封装基础组件（上传组件，评论组件），提升团队开发效率
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    解决用户快速点赞容易触发多次，导致与点赞数据错乱问题。
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    处理列表单视频播放，新闻视频集成点赞、评论、收藏功能
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    实现地图、定位、通讯录、附近的人等功能
                  </p>
                </div>
              </div>
            </div>
            <div class="works-item">
              <header class="item-hd clearfix">
                <h3 class="item-name">SK资产管理系统</h3>
                <span class="item-time">2021.12-2022.5</span>
              </header>
              <div class="item">
                <header class="item-hd clearfix">
                </header>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <b>技术栈</b> : <br />
                    <i class="iconfont icon-dot"></i>vue3.2
                    <i class="iconfont icon-dot"></i>electron
                    <i class="iconfont icon-dot"></i>axios
                    <i class="iconfont icon-dot"></i>element-plus
                  </p>
                </div>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <b>技术要点</b> ：<br />
                    <i class="iconfont icon-dot"></i>
                    负责收付款模块、企业信息展示模块的开发和后续bug修复。
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    通过vxe-table表格组件来实现表格编辑信息。
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    利用hook封装弹窗显示隐藏逻辑
                  </p>
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    封装字典dict下拉框组件。
                  </p>
                </div>
              </div>
            </div>


          </main>
        </section>


        <!-- 开源项目 -->
        <section id="Open">

          <header class="section-header">
            <span class="section-title-l"></span>
            <h2 class="section-title"> 开源项目 </h2>
            <span class="section-title-r"></span>
          </header>
          <main class="section-body">
            <div class="item">
              <header class="item-hd clearfix">
                <h4 class="item-name">王者荣耀 UI</h4>
                <a class="item-more" href="https://wondershare36.github.io/king-ui-website/index.html"
                  target="_blank">预览链接 👈</a>
                <a class="item-more" href="https://gitee.com/wu-sili/king-ui" target="_blank">开源链接</a>
              </header>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  我学习<strong>Vue3</strong>和<strong>TypeScript</strong>时做<em>王者荣耀样式</em>的<strong>UI</strong>组件库。
                </p>
              </div>
            </div>

            <div class="item">
              <header class="item-hd clearfix">
                <h4 class="item-name">小吴记账 - Vue 版</h4>
                <a class="item-more" href="http://wu-sili.gitee.io/money/#/money" target="_blank">预览链接 👈</a>
                <a class="item-more" href="https://gitee.com/wu-sili/morney" target="_blank">开源链接</a>
              </header>
              <header class="item-hd clearfix">
                <h4 class="item-name">小吴记账 - React 版</h4>
                <a class="item-more" href="https://gitee.com/wu-sili/morney-2" target="_blank">开源链接 👈</a>
              </header>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  小吴记账 是我在<em>学习框架</em>时做的及其简洁的记账<strong>App</strong>
                </p>
              </div>
            </div>

            <div class="item">
              <header class="item-hd clearfix">
                <h4 class="item-name">画个皮卡丘 ⚡</h4>
                <a class="item-more" href="http://wu-sili.gitee.io/make-a-pikacu" target="_blank">预览链接 👈</a>
                <a class="item-more" href="https://gitee.com/wu-sili/make-a-pikacu" target="_blank">开源链接</a>
              </header>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  这是我在学习<strong>CSS</strong>和动画时制作的一个可爱的作品
                </p>
              </div>
            </div>

            <div class="item">
              <header class="item-hd clearfix">
                <h4 class="item-name">简易画板 🎨</h4>
                <a class="item-more" href="http://wu-sili.gitee.io/canvas-demo/" target="_blank">预览链接 👈</a>
                <a class="item-more" href="https://gitee.com/wu-sili/canvas-demo" target="_blank">开源链接</a>
              </header>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  我在学习<strong>Canvas</strong>时做的一个小作品
                </p>
              </div>
            </div>
            <!--            <div class="item">-->
            <!--              <header class="item-hd clearfix">-->
            <!--                <h4 class="item-name">小马可视化 📉</h4>-->
            <!--                <a class="item-more" href="https://wu-sili.gitee.io/canvas-demo-1/" target="_blank">预览链接 👈</a>-->
            <!--                <a class="item-more" href="https://gitee.com/wu-sili/ma-echarts-web" target="_blank">开源链接</a>-->
            <!--              </header>-->
            <!--              <div class="item-hd clearfix">-->
            <!--                <p class="section-content">-->
            <!--                  <i class="iconfont icon-dot"></i>-->
            <!--                  与小马同学做的实验结果<strong>Echarts</strong>可视化可视化界面-->
            <!--                </p>-->
            <!--              </div>-->
            <!--            </div>-->
          </main>
        </section>


      </div>

    </div>

    <div class="page_footer_wrap">
      <p>更新时间：<span id="updateTime"></span></p>
      <a class="link" href="https://wu-sili.gitee.io/resume/" target="_blank">简历网页链接：
        https://wu-sili.gitee.io/resume/</a>
    </div>
  </div>

  <div class="content page2">

    <!-- <div class="my-backgroud">
      <div class="backgroud-word qian">简</div>
      <div class="backgroud-word duan">历</div>
    </div> -->

    <div class="content-bd">
      <div class="content-right">



      </div>
      <div class="content-left">
        <!-- 文章笔记 -->
        <section id="note">
          <header class="section-header">
            <span class="section-title-l"></span>
            <h2 class="section-title"> 文章笔记 </h2>
            <span class="section-title-r"></span>
          </header>
          <main class="section-body">

            <div class="item">
              <header class="item-hd clearfix">
                <h4 class="item-name">知乎</h4>
              </header>
              <header class="item-hd clearfix">
                <div class="item-blockquote">在一路学习前端以来，我都会把我所学的知识总结在笔记和文章中并分享出去</h4>
              </header>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  您可以点进我的<a href="https://www.zhihu.com/people/wu-si-li-70" target="_blank"> 知乎</a>👈 来查看我的笔记文章
                </p>
              </div>
            </div>

            <div class="item">
              <header class="item-hd clearfix">
                <h4 class="item-name">项目笔记 📘</h4>
              </header>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/377018561" target="_blank">我的王者荣耀<strong>UI</strong>
                    轮子官网终于上线啦</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/360751157" target="_blank">
                    用<strong>HTML</strong>+<strong>CSS</strong>制作前端简历</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/370401647" target="_blank">小吴记账<strong>Vue</strong>版笔记 </a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/368621510" target="_blank"> 小吴记账<strong>React</strong>版开发笔记
                  </a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/370396925" target="_blank">在小吴记账<strong>React</strong>版中使用
                    <strong>styled components</strong>使用主题色</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/360280404" target="_blank">用<strong>Nodejs</strong>写一个基于控制台的
                    <strong>todo</strong>工具 </a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/360280404" target="_blank">动态展示<strong>CSS</strong>代码的形式
                    画皮卡丘</a>
                </p>
              </div>

            </div>


            <div class="item">
              <header class="item-hd clearfix">
                <h4 class="item-name">技术文章 👨‍💻</h4>
              </header>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/360095185" target="_blank">深入理解<strong>Nodejs</strong>
                    技术架构、背景、前世今生</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/358468787" target="_blank">浅析<strong>Vue</strong>事件、修饰符</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/358438786" target="_blank">回答<strong>Vue</strong>中
                    <strong>computed</strong>和<strong>watch</strong>的区别</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/358830350" target="_blank">浅析<strong>React</strong>函数组件、生命周期及
                    <strong>Hooks</strong>钩子</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/359395556" target="_blank"><strong>ReactHooks</strong>原理解析及各个击破
                    <strong>API</strong></a>
                </p>
              </div>
            </div>

            <div class="item">
              <header class="item-hd clearfix">
                <h4 class="item-name">面试总结 👔</h4>
              </header>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/357804826" target="_blank">腾讯<strong>PCG</strong>
                    应用架构前端面试经历</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/357797560" target="_blank">阿里淘系前端面试经历</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/357806898" target="_blank">字节面试经历</a>
                </p>
              </div>
            </div>
          </main>
        </section>
      </div>
      <div class="page_footer_wrap">
        <p>更新时间：<span id="updateTime"></span></p>
        <a class="link" href="https://wu-sili.gitee.io/resume/" target="_blank">简历网页链接：
          https://wu-sili.gitee.io/resume/</a>
      </div>
    </div>
  </div>

  </div>
  <footer class="github-footer">
    <a class="footer-link" href="https://gitee.com/wu-sili/resume" target="_blank">
      <i class="iconfont icon-link"></i>
      Gitee仓库
    </a>
    <a class="btn" href='https://gitee.com/wu-sili/resume/stargazers'><img
        src='https://gitee.com/wu-sili/resume/badge/star.svg?theme=dark' alt='star'></img></a>
    <a class="btn" href='https://gitee.com/wu-sili/resume/members'><img
        src='https://gitee.com/wu-sili/resume/badge/fork.svg?theme=white' alt='fork'></img></a>
  </footer>
  <div class="btn_wrap">
    <a class="pdf btn-1 btn2" href="web前端开发工程师-吴思里-2022届-重邮-本科.pdf">
      <i class="iconfont icon-pdf"></i>
      PDF简历
    </a>
    <span class="edit btn-1  btn2">编辑</span>
  </div>
  <script src="index.js"></script>
</body>

</html>